<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<Style>
*{padding:0; margin:0}
body{font-size:12px; font-family:"微软雅黑","宋体"; color:#333;}
h1{font-size:16px; background:#ccc; padding:5px 10px; margin-bottom:15px}
ul {list-style:none}
.effect{ margin-bottom:15px; padding:0 10px}
.hide{display:none}
button{width:50px;}
/* Clear Fix */ 
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/*select*/
.current{background:yellow}
#ul1,#ul {border:1px solid #ccc;width:200px; display:none}
#in,#ul{width:300px;}
#ul1{ margin-top:-1px; width:263px; font-size:14px; color:#333;}
#ul1 li{ padding:2px; display:block; zoom:1;}
.sel{position:relative}
#in1{display:inline-block; color:#999; font-size:14px; line-height:33px; padding-left:5px; width:261px; height:33px;background:url(../img/select.jpg) 
no-repeat}
#email_div p{zoom:1;}
</style>
<script type="text/javascript" src="../js/min/base-min.js"></script>
<script type="text/javascript" src="../js/min/fakeSelect-min.js"></script>
<script>
window.onload = function(){
	fakeSelect.email.emails = ["163.com","123.com","139.cn","gmail.com","hotmail.com","sina.com.cn","sina.com"];
	f1 = new fakeSelect("in", "ul", "p", "in", {onkeypress:fakeSelect.email.func});
	f2 = new fakeSelect("div", "ul1", "li",  "in1", {writeInfo:"mouseover"});
}
</script>
</head>

<body>
<div class="effect clearfix" id="e1">
    <pre>调用方法：
fakeSelect.email.emails = ["163.com","123.com","139.cn","gmail.com","hotmail.com","sina.com.cn","sina.com"];
new fakeSelect("in", "ul", "p", "in", {onkeypress:fakeSelect.email.func});
    </pre>
	<input type="text" id="in"/>
	<div id="ul">
		<span>请选择E-mail</span>
		<div id="email_div"></div>
	</div>
	<br>
	<br>
	<br>
    <pre>调用方法：new fakeSelect("div", "ul1", "li",  "in1", {writeInfo:"mouseover"});
    </pre>
	<div class="sel">
		<input type="checkbox" id="div" style="position:absolute; width:266px; height:33px; filter:Alpha(Opacity=0);opacity:0" hidefocus="true"/>
		<span id="in1">请选择……</span>
	    <ul id="ul1">
		  <li>www.kugou.com</li>
		  <li>shouji.kugou.com</li>
		  <li>mwzb.kugou.com</li>
		  <li>ting.kugou.com</li>
	    </ul>
	</div>
</div>
</body>
</html>
